<template>
	<view>
		<!-- 顶部导航栏 -->
		<QSNavbar :navbarItems="navbarItems_1"></QSNavbar>
		<view class="appletIcon">
			<u--image :showLoading="true" :src="applet_icon" width="140rpx" height="140rpx" shape="circle"></u--image>
		</view>
		<view class="title">
			<text>{{appletName}}已暂停服务</text>
		</view>
	</view>
</template>

<script>
	import QSNavbar from '@/components/QS-Navbar/QS-Navbar.vue';
	export default {
		components: {
			QSNavbar
		},
		data() {
			return {
				applet_icon: 'data:image/svg+xml;utf8,%3Csvg%20t%3D%221586947424844%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222236%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20d%3D%22M903.36%20780.8a37.888%2037.888%200%200%200%2027.632%209.04%2043.488%2043.488%200%200%200%2026.704-12.64A238.112%20238.112%200%200%200%201024%20618.144c0-133.696-121.6-252.944-277.184-272.816C709.072%20200.784%20552.512%2096%20373.872%2096%20167.6%2096%200%20238.736%200%20413.088a277.648%20277.648%200%200%200%2081.04%20194.224%2037.28%2037.28%200%200%200%2028.544%2011.744%2037.504%2037.504%200%200%200%2027.632-63.232%20206.4%20206.4%200%200%201-60.8-142.736c0-133.696%20132.608-242.096%20296.512-242.096%20131.68%200%20253.232%2072.272%20291.92%20172.544-162.064%2015.36-288.224%20134.608-288.224%20274.624a238.736%20238.736%200%200%200%202.768%2036.128h-6.4a449.824%20449.824%200%200%201-90.24-11.744c-6.4-0.896-12.896-2.704-19.344-3.616a34.128%2034.128%200%200%200-24.864%203.616L121.6%20700.352a37.264%2037.264%200%200%200-17.6%2050.592%2037.952%2037.952%200%200%200%2034.064%2020.8%2060.448%2060.448%200%200%200%2017.504-3.616l104.976-51.488%206.4%200.896a483.792%20483.792%200%200%200%20105.904%2013.552c9.216%200%2019.344%200%2030.4-0.896a283.536%20283.536%200%200%200%2069.072%2086.72%20353.6%20353.6%200%200%200%20227.456%2078.592%20399.808%20399.808%200%200%200%2094.848-14.4l78.272%2042.464a42.56%2042.56%200%200%200%2018.416%204.512%2039.248%2039.248%200%200%200%2034.08-19.872%2037.328%2037.328%200%200%200-15.648-51.488l-92.08-49.68a41.696%2041.696%200%200%200-27.632-3.616%20385.472%20385.472%200%200%201-91.2%2015.36c-133.52-0.896-244.032-90.336-244.032-201.456s110.496-200.544%20246.784-200.544c133.52%200%20245.872%2092.144%20245.872%20200.544a165.632%20165.632%200%200%201-47.888%20110.208%2037.76%2037.76%200%200%200%203.792%2053.264z%22%20fill%3D%22%2336AB60%22%20p-id%3D%222237%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M212.96%20315.728a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM446.208%20315.728a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM559.616%20549.44a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200zM748.608%20549.44a49.184%2049.184%200%201%200%2098.368%200%2049.184%2049.184%200%201%200-98.368%200z%22%20fill%3D%22%2336AB60%22%20p-id%3D%222238%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E',
				appletName: ''
			};
		},
		onLoad() {
			this.appletName = uni.getStorageSync('applet_name')
			this.applet_icon = uni.getStorageSync('applet_icon')
		}
	}
</script>

<style lang="scss">
	.appletIcon{
		display: flex;
		justify-content: center;
		margin-top: 20rpx;
	}
	.title{
		color: #000000;
		font-weight: bold;
		font-family: 'Sans-serif';
		text-align: center;
		margin-top: 60rpx;
	}
</style>
